var imgH;
$(window).load(function() {
  imgH =Math.floor($('.contest_list li img').height());

  $('.container').css('height', imgH);
});
$(function() {
  var winW = $(window).width(),
      _w = $(window).width(),
      _h;
  $('.contest_list li').css('width', _w);

  $(window).resize(function(event) {
    _w = $(window).width();
    _h = (_w*imgH)/winW;
    $('.contest_list li').css('width', _w);
    $('.container').css('height',Math.floor(_h));
  });
  // 轮播
  function swiper($wrap) {
    var list = $wrap.find('.contest_list'),
      len = list.find('li').length,
      forward = $wrap.find('.forward_btn'),
      next = $wrap.find('.next_btn'),
      index = 0,
      timer = null,
      small = $('.thum_list li');
    list.append(list.html());

    function carousel() {
      if (index < len-1) {
        index++;
        list.stop().animate({'left':-_w*index}, 800);
    
        small.eq(index).addClass('on').siblings('').removeClass('on');
      }else{
          index++;
          small.eq(0).addClass('on').siblings('').removeClass('on');
          list.stop().animate({'left':-_w*index}, 800,function(){
            list.css({'left':0});
            index = 0;
          });
      }
    }

    next.click(function() {
      carousel();
    });

    forward.click(function() {
      if (index > 0) {
        index--;
        list.stop(true).animate({'left':-_w*index}, 800);
      } else {
        index = len;
        list.css({
          'left': -_w * index
        });
        index--;
        list.stop().animate({'left':-_w*index}, 800,function(){ });
      }
       small.eq(index).addClass('on').siblings('').removeClass('on');
    });

    timer = setInterval(carousel, 5000);
    $wrap.mouseenter(function(event) {
      clearInterval(timer);
    });
    
    $wrap.mouseleave(function(event) {
      timer = setInterval(carousel, 5000);
    });
   

    $('.thum_list li').click(function(){
      var i = $(this).index();
      index = i-1;
      carousel();
      small.eq(index).addClass('on').siblings('').removeClass('on');
    });
  }

  swiper($('.wrap'));


})